HTML5中div标签的实例代码

来源:网络整理作者: 发布时间:2020-12-22 09:58

这篇文章给大家介绍的内容是关于HTML5中div标签的实例代码，有一定的参考价值，有需要的朋友可以参考一下，希望对...

相关推荐：

这篇文章给大家介绍的内容是关于HTML5中div标签的实例代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

2345截图20180809145913.png

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title>  <style> /* 块元素的特点 1.默认宽度父元素的百分百；一致 2.霸占一行 3.支持全部样式 */ .box{ width: 100px; height: 50px; background-color: red; } span{ /* 1.行内元素排列一行，遇到边界会自动换行 */ background-color: red; /* 2.宽高有内容决定不支持宽高不支持margin上下 */ width: 200px; height: 200px; margin: 100px 20px; /* 3.padding上下有问题 */ /* padding: 50px 20px; */ } </style> </head> <body> <p class="box"></p> <p>段落</p> <h1>标题标签</h1>  <ol> <li>有序1</li> <li>有序2</li> <li>有序3</li> <li>有序4</li> <li>有序5</li> </ol>  <ul> <li>无序1</li> <li>无序2</li> <li>无序3</li> </ul>  <dl> <dt>title</dt> <dd>定义列表</dd> <dd>定义列表</dd> <dd>定义列表</dd> </dl> <form action=""> <label for="">标注</label> <input type="text" name="" id=""> </form> <span>行内元素</span> <span>行内元素</span> </body> </html>

运行效果如下：

HTML5的option属性：如何使用option属性实现级联下拉列表

以上就是HTML5中div标签的实例代码的详细内容，更多请关注聚合云库其它相关文章！

相关热词： HTML 标签 HTML5 实例

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/7072.shtml

上一篇：caption标签怎么使用

下一篇：HTML5属性：margin属性的用法